@import '../../libs/bootstrap-3.3.7/css/bootstrap.min.css';
$from:url(/img/ico-menu.png) no-repeat;

//头部
.modal-open {
    overflow: auto !important;
    padding-right: 0px !important;
}

//模态框小bug


header {

    //模态框
    #myModal {
        .modal-header {
            display: flex;
            padding: 0 !important;
            cursor: pointer;

            .modal-title {
                flex: 1;
                font-size: 18px;
                text-align: center;
                padding: 15px;
            }

        }

        .you_modal-title-color {
            background-color: #3A5FCD;
            color: #ffffff;
        }

        .form-hide {
            display: none;
        }
    }

    .top_black {
        height: 120px;
    }

    #logoff {
        display: none;
    }

    .header-fix {
        position: fixed;
        z-index: 11;
        width: 100%;
        height: 120px;
        min-width: 1280px;
        top: 0;

        .header-top {
            height: 75px;
            background-color: #090909;

            .logo {
                width: 297px;
                height: 39px;
                margin-top: 20px;
                margin-left: 50px;
                float: left;
                background: $from -2px -147px;
            }

            ul {
                width: 468px;
                height: 28px;
                float: right;
                margin-right: 27px;
                margin-top: 24px;

                li {
                    float: left;
                    margin-right: 25px;
                    font-size: 14px;
                    line-height: 28px;

                    #modal-hellow {
                        color: #a1a1a1;
                        cursor: pointer;
                    }

                    a {
                        color: #a1a1a1;
                        text-decoration: none;
                        position: relative;


                        .outside {
                            display: none;
                            position: absolute;
                            z-index: 11;


                            .shim {
                                height: 20px;
                                opacity: 0;
                            }
                            div{
                                border-top: 2px solid #e54516;
                                width: 84px;
                                padding: 2px;
                                background-color: #090909;
                                opacity: 0.6;
                                text-align: center;
                            }

                            .wxcode {
                                opacity: 1;
                                

                                img {
                                    vertical-align: top;
                                }

                                p {
                                    font-size: 13px;
                                    color: #e7e7e7;
                                    line-height: 18px;
                                }
                            }
                        }


                        i {
                            width: 30px;
                            height: 28px;
                            float: left;
                        }

                        b {
                            width: 6px;
                            height: 6px;
                            margin-top: 11px;
                            margin-left: 3px;
                            background: $from -32px 0;
                            float: right;
                        }
                    }

                    &:hover a b {
                        background: $from -23px 0;
                    }

                    &:hover a .outside {
                        display: block;
                    }
                }

                li:nth-child(2) i {
                    background: $from -2px -12px;
                }

                li:nth-child(2) span {
                    width: 20px;
                    height: 28px;
                    margin-left: 5px;
                    background: $from -2px -283px;
                    float: right;
                    color: #ffffff;
                    text-align: center;
                }

                li:nth-child(3) i {
                    background: $from -2px -382px;
                }

                li:nth-child(4) i {
                    background: $from -2px -38px;
                    width: 23px;
                }
            }
        }

        .header-nav {
            height: 45px;
            background-color: #202020;

            ul {
                float: left;
                font-size: 18px;
                margin-left: 22px;

                li {
                    float: left;
                    width: 122px;
                    height: 45px;
                    line-height: 45px;
                    text-align: center;
                    font-size: 18px;

                    a {
                        color: #ffffff;
                        text-decoration: none;
                    }
                }

                li:hover a {
                    color: #e54516;
                }
            }

            .header-nav-input {
                height: 28px;
                margin-top: 8px;
                margin-right: 34px;
                float: right;
                position: relative;
                font-size: 18px;
                line-height: 28px;

                input {
                    width: 270px;
                    height: 28px;
                    border: #777777 1px solid;
                    border-right: none;
                    background-color: #202020;
                    outline: none;
                    float: left;
                    color: #ffffff;
                    padding-left: 4px;
                }

                span {
                    width: 45px;
                    height: 30px;
                    float: left;
                    background: $from 10px -353px #fa4f17;
                    cursor: pointer;
                }

                span:hover {
                    opacity: 0.9;
                }

                a {
                    height: 28px;
                    position: absolute;
                    top: 1px;
                    left: 5px;
                    color: #777777;
                }
            }
        }
    }
}